<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/include/taglib.jsp"%>
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		<meta charset="UTF-8">
		<title>累计收益_共富网_Gofull.com.cn</title>
		<script src="/v3/js/jquery-1.10.2.min.js" type="text/javascript"></script>		
		<script src="/v3/js/scrollpagination.js" type="text/javascript"></script>
		<link type="text/css" rel="stylesheet" href="/v3/css/wstyle.css">
		<link type="text/css" rel="stylesheet" href="/v3/css/account.css">
		<script type="text/javascript">
$(function(){
	$('#myItemContent').scrollPagination({
		'contentPage': 'democontent2.html', // the url you are fetching the results
		'contentData': {}, // these are the variables you can pass to the request, for example: children().size() to know which page you are
		'scrollTarget': $(window), // who gonna scroll? in this example, the full window
		'heightOffset': 10, // it gonna request when scroll is 10 pixels before the page ends
		'beforeLoad': function(){ // before load function, you can display a preloader div
			$('#loading').fadeIn();	
		},
		'afterLoad': function(elementsLoaded){ // after loading content, you can use this function to animate your new elements
			 $('#loading').fadeOut();
			 var i = 0;
			 $(elementsLoaded).fadeInWithDelay();
			 if ($('#myItemContent').children().size() > 3){ // if more than 100 results already loaded, then stop pagination (only for testing)
			 	$('#nomoreresults').fadeIn();
				$('#myItemContent').stopScrollPagination();
			 }
		}
	});
	
	// code for fade in element by element
	$.fn.fadeInWithDelay = function(){
		var delay = 0;
		return this.each(function(){
			$(this).delay(delay).animate({opacity:1}, 200);
			delay += 100;
		});
	};
		   
});
</script>
	</head>
	<body>
		<div id="wrap">
			<div class="myEarn">
				<p>累计收益</p>
				<p class="org">￥123456.00</p>
			</div>
			<div class="myItem" id="myItemContent">
				<ul class="earnItem">
						<li class="e-title">余额宝收益</li>
						<li class="e-time">2015-06-29</li>
						<li class="e-money org">+100.00</li>
				</ul>
				<ul class="earnItem">
						<li class="e-title">充值奖励</li>
						<li class="e-time">2015-06-29</li>
						<li class="e-money org">+10.08</li>
				</ul>
				<ul class="earnItem">
						<li class="e-title">冻结提现金额</li>
						<li class="e-time">2015-06-29</li>
						<li class="e-money blue">-1000.08</li>
				</ul>
				<ul class="earnItem">
						<li class="e-title">余额宝收益</li>
						<li class="e-time">2015-06-29</li>
						<li class="e-money org">+100.00</li>
				</ul>
				<ul class="earnItem">
						<li class="e-title">充值奖励</li>
						<li class="e-time">2015-06-29</li>
						<li class="e-money org">+10.08</li>
				</ul>
				<ul class="earnItem">
						<li class="e-title">冻结提现金额</li>
						<li class="e-time">2015-06-29</li>
						<li class="e-money blue">-1000.08</li>
				</ul>
				<ul class="earnItem">
						<li class="e-title">余额宝收益</li>
						<li class="e-time">2015-06-29</li>
						<li class="e-money org">+100.00</li>
				</ul>
				<ul class="earnItem">
						<li class="e-title">充值奖励</li>
						<li class="e-time">2015-06-29</li>
						<li class="e-money org">+10.08</li>
				</ul>
				<ul class="earnItem">
						<li class="e-title">冻结提现金额</li>
						<li class="e-time">2015-06-29</li>
						<li class="e-money blue">-1000.08</li>
				</ul>
				<ul class="earnItem">
						<li class="e-title">余额宝收益</li>
						<li class="e-time">2015-06-29</li>
						<li class="e-money org">+100.00</li>
				</ul>
				<ul class="earnItem">
						<li class="e-title">充值奖励</li>
						<li class="e-time">2015-06-29</li>
						<li class="e-money org">+10.08</li>
				</ul>
				<ul class="earnItem">
						<li class="e-title">冻结提现金额</li>
						<li class="e-time">2015-06-29</li>
						<li class="e-money blue">-1000.08</li>
				</ul>
			</div>
			<div class="loading" id="loading">正在拼命地加载中......</div>
			<div class="loading" id="nomoreresults">内容只能加载这么多了......</div>
			<div id="scrollTop" class="Offscreen"><img src="/v3/images/scrollTop.png"/></div>
		</div>
		<jsp:include page="/include/v3/footer.jsp"></jsp:include>
	</body>
<script type="text/javascript">
var ScrollToTop=ScrollToTop||{
	setup:function(){
		
		var a=$(window).height()/2;
		$(window).scroll(function(){
			(window.innerWidth?window.pageYOffset:document.documentElement.scrollTop)>=a?$("#scrollTop").removeClass("Offscreen"):$("#scrollTop").addClass("Offscreen")
		});
		$("#scrollTop").click(function(){
			$("html, body").animate({scrollTop:"0px"},400);
			return false
		})
	}
};
$(document).ready(function(){
	ScrollToTop.setup();
});
</script>
</html>
